// components/tab/tab.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    tab: [{
        id: 0,
        name: "首页",
        isActive: true
      },
      {
        id: 1,
        name: "原创",
        isActive: false
      },
      {
        id: 2,
        name: "分类",
        isActive: false
      },
      {
        id: 3,
        name: "我的",
        isActive: false
      }
    ]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handle(e) {
      //获取下标

      let {
        index
      } = e.currentTarget.dataset

      //获取原数组
      let {
        tab
      } = this.data

      //遍历数组
      tab.forEach((item, i) => {
        i === index ? item.isActive = true : item.isActive = false
      });

      this.setData({
        tab
      })

    }
  }
})